import React from 'react';
import styles from './index.less';
import CourseGrades from './components/CourseGrades';
import FourSix from './components/FourSix';
import SecondaryGrades from './components/SecondaryGrades';
import SportsGrades from './components/SportsGrades';
import { Card, Divider, Typography } from 'antd';
const GradeSummary: React.FC<any> = () => {
  return (
    <div className={styles.content}>
      <Card>
        <Typography.Title level={4} style={{ marginBottom: 0 }}>
          成绩汇总
        </Typography.Title>
        <Divider />
        <ul className={styles.list}>
          <li className={styles.item}>
            <p className={styles.text}>课程成绩</p>
            <p className={styles.tb}>
              <CourseGrades />
            </p>
          </li>
          <li className={styles.item}>
            <p className={styles.text}>二课成绩</p>
            <p className={styles.tb}>
              <SecondaryGrades />
            </p>
          </li>
          <li className={styles.item}>
            <p className={styles.text}>四六级成绩</p>
            <p className={styles.tb}>
              <FourSix />
            </p>
          </li>
          <li className={styles.item}>
            <p className={styles.text}>体测成绩</p>
            <p className={styles.tb}>
              <SportsGrades />
            </p>
          </li>
        </ul>
      </Card>
    </div>
  );
};
export default GradeSummary;
